.spread {
	height: 520rpx;
	background: #dce3e7;
	border-radius: 16rpx;
	position: relative;
	text-wrap: nowrap;
	word-break: break-all;
	overflow: hidden;
}

/* .box-spread:before {
	content: '图例';
	position: absolute;
	top: 0;
	left: 0;
	font-size: 24rpx;
	color: #fff;
	font-weight: bold;
	white-space: nowrap;
	padding: 4rpx 10rpx 6rpx;
	background: linear-gradient(to right bottom, #37a2ff, #8ce0ff);
	border-bottom-right-radius: 16rpx;
} */

.spread-item {
	gap: 8rpx;
	position: absolute;
}

.spread-up {
	background: #111536;
	font-size: 24rpx;
	color: #f1c799;
	border-radius: 100%;
	padding: 6rpx 8rpx;
}

.spread-item image {
	width: 80rpx;
}

.spread-label {
	font-size: 24rpx;
	line-height: 24rpx;
	font-weight: bold;
	color: #111536;
	background: #f2c79b;
	padding: 9rpx 8rpx 6rpx;
	border-radius: 6rpx;
	max-width: 80rpx;
	box-sizing: border-box;
	white-space: nowrap;
}

.spread-name {
	width: 100%;
	text-align: center;
	text-wrap: nowrap;
	font-size: 24rpx;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}